الزيارات: كود اعجبني الموقع في اطار صغير

السلام عليكم ورحمة الله تعالى وبركاته 

اليوم جئتكم باضافة جديدة وجميلة عبارة عن اطار صغير يضم ازرار (اعجاب،المشاركة) يعطي رونق خاص للشبكة.
لاحظنا مواقع و مدونات يتم تسجيل اعجاب مواقعهم عن طريق نافدة بها زر X ، او نافدة اسفل المدونة بحجم كبيرتغطي نسبة من منشور وبذلك يصعب على الزائر قراءة منشوراتك.
متل هاته النوافد تشكل عائقا كبيرا كما انها تسبب  لك فقدان زوارك.

الاضافة تحتوي على:
    - صورة متحركة للشخص يرشدك الى الزر بصيغة Gif
    - ازرار اعجاب والمشاركة اضافة الى عداد
مميزات الاضافة:
    - اطار صغير يمكنك تعديله
    - يوضع على جوانب المدونة (يمين،شمال)
    - ازرار المشاركة و الاعجاب مع العداد
طريقة التركيب:
    - 1 ادهب الى التخطيط
    - 2 اضافة اداة
    - 3 Java Script/Html
    - 4 ضع الكود التالي:

<!-- يشرفنا اعجابك --> <div style="position: fixed; bottom: 20px; border: dashed 1px; right: 2px; padding-top: 1px;padding-right: 6px;z-index: 999;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8bAlEXoxXYHS-t_NMiZMFap82ZuWxnMKTroE74cK7m4sES-tr2riMPHxGQSN2beFV-K7_U6cyEB53v99C6blIWDka1nP-_NhXXLPtc_4IMwWtKw8JyFH6sNUfx7vH7lRP2szKbkHmOMYA/s1600/subscribe.gif');background-repeat: no-repeat;background-color: #ffffff;height: 115px;width: 160px;"> <font color="#000000"><center><br /><br /><br /><br /><b> يشرفنا اعجابك على facebook </b></center></font> 
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> 
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fal-nnasr.blogspot.com%2F&amp;width=400&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21&amp;appId=327926174026782" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 140px; height: 20px;padding-top: 2px;padding-right: 11px;" allowtransparency="true"></iframe> </div><!-- يشرفنا اعجابك -->

قم بتغير رابط اللون الاحمر برابط مدونتك
قم بتغيير ماكتب باللون الأزرق الى التي العبارة تريد ظهورها
قم بحذف ما لونه اخضر ان كنت تتوفر عليه في القالب

اقرء المزيد

الزيارات: اضافة مدونتك لـ 123 محرك بحث

بضغطة واحدة  اضمن ارشفة قوية لمدونتك

سنتعلم اليوم كيفية اضافة موقعك الى لـ 123 محرك بحث 

بضغطة واحدة بطريقة سهلة جدا

العملية تأخذ من وقتك دقيقتين فقط أو أقل

 

1. اذهب الى هذا الموقع من هنا

2. اكتب عنوان موقعك
3. اكتب ايميلك
4. اختار كل محركات البحث
5. اضغط submit My Site

النتيجة: 

الرسالة اسفل المواقع تؤكد نجاح عمليتك

اقرء المزيد

الزيارات: اضافة أداة التصويت على المواضيع من موقع likebtn

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاتة
شاهدنا في عدة مرات اضافات أداة التصويت على المواضيع باشكال مختلفة لتدوينات  بلوجر من مواقع مختلفة.
الأن سنشاهد اضافة أخرى لكن هده المرة مع كود سهل ومبسط ولن يكلفك اي شيئ فقط نسخه ووضعه في المكان المناسب.
هده الاضافات تعطي جمالا للمدونة كما تبين للمؤلف رأي الزائر لمنشوره هل منشور يستحق التقدير ام العكس
كل هدا مع موقع likebtn  الذي يعطي هد الاضافة الجيدة و الجميلة

مميزات الاضافة:
    - لا تحتاج لتطوير الاضافة - فقط انسخ شفرة الاضافة ولصقه في موقع كود HTML الخاص بك.
    - لايحتاج الزائر الى تسجيل الدخول في الشبكات الاجتماعية من أجل استخدام زر الاضافة.
    - LikeBtn يعطي زر"اعجبني" للصفحة كاملة، فضلا عن عناصر فردية على صفحة ويب.
    - بعد التصويت يمكن للزوار تقاسم ارتباط في الشبكات الاجتماعية: الفيسبوك، تويتر الخ .
    - يتم التحكم في المظهر من خلال CSS.
    - يمكنك الحصول على زر "سيئ" إلى جانب زر "أعجبني".
    - نصوص مخصصة، وعلامات.
    - تطبيق واجهة البرمجة API لمعرفة عدد التصويتات.
    - تغيير أعداد تصويتات  "أعجبني" و "سيئ "من قبل المشرف.
    - يسمح بتغيير عنوان IP للتصويت.
    - عرض إحصاءات الاصوات  للعناوين IP المكررة .
    - عرض الرسم البياني للاصوت .
    - يتم تحميل زر الإضافة بشكل غير متزامن ولايبطئ سرعة موقع الويب الخاص بك.
طريقة التطبيق
 أدخل على الرابط التالي  :  من هنا
أولا:
     اختر التصويت  الذي تريد ان يظهر في مدونتك
     اختر لون وشكل وعرض اداة التصويت والكتير من خلال Setting

تانيا:
     اختر لغة النص
     اختر نوعية الاداة
    اختر الطراز، العداد..........الخ من خلال Like Button code generator

الكود

<!-- LikeBtn.com BEGIN --> <span class="likebtn-wrapper" data-lang="en"></span> <script type="text/javascript" src="//w.likebtn.com/js/w/widget.js" async="async"></script> <!-- LikeBtn.com END -->

اقرء المزيد

الزيارات: كود إضافة الوقت والتاريخ لمدونات بلوجر

السلام عليكم ورحمة الله تعالى وبركاته

كيفية إضافة الوقت والتاريخ أعلى المتصفحات لمدونات بلوجر

اليوم اقدم لكم اضافة حصرية لمدونات بلوجر وهي كيفية إضافة الوقت والتاريخ مثل الدي يوجد فوق صفحة موقعي هذه الإضافة يبحث عليها الكتير ، المهم الإضافة عبارة عن كود بسيط جدا تضعه في المكان المناسب لك في القالب بعد الحفظ  سترى النتيجة كما ترى في الصورة

طريقة التركيب
  1-  توجه إلى لوحة التحكم الخاصة بمدونتك.
  2-  إضغط على قالب.
  3-  ثم تحريرhtml.
  4- ثم ضع هذا الكود في المكان المناسب لك في القالب :

 <!-- توقيت التاريخ و الساعة -->
.<p class='date' style=' float: left; color: #FFF; font-family: amiri; font-size: 12px; width: 325px; line-height: 3px;'>
&lt;script language=&quot;JavaScript&quot;&gt;
var devmon;
function isGregLeapYear(year)
{
return year%4 == 0 &amp;&amp; year%100 != 0 || year%400 == 0;
}
function gregToFixed(year, month, day)
{
var a = Math.floor((year - 1) / 4);
var d = Math.floor((367 * month - 362) / 12);
var b = Math.floor((year - 1) / 100);
var c = Math.floor((year - 1) / 400);
if (month &lt;= 2)
e = 0;
return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;
else if (month &gt; 2 &amp;&amp; isGregLeapYear(year))
e = -1;
else
e = -2;
}
function Hijri(year, month, day)
{
this.year = year;
this.month = month;
return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
this.day = day;
this.toFixed = hijriToFixed;
this.toString = hijriToString;
}
function hijriToFixed()
{
Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;
}
var months = new Array(&quot;محرم&quot;,&quot;صفر&quot;,&quot;ربيع أول&quot;,&quot;ربيع ثانى&quot;,&quot;جمادى أول&quot;,&quot;جمادى ثانى&quot;,&quot;رجب&quot;,&quot;شعبان&quot;,&quot;رمضان&quot;,&quot;شوال&quot;,&quot;ذو القعدة&quot;,&quot;ذو الحجة&quot;);
function hijriToString()
{
return this.day + &quot; &quot; + months[this.month - 1]+ &quot; &quot; + this.year;
}
function fixedToHijri(f)
{
var i=new Hijri(1100, 1, 1);
i2.year = i.year;
i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);
var i2=new Hijri(i.year, 1, 1);
var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1;
i.month = Math.min(m, 12);
i2.month = i.month;
i2.day = 1;
var monthname=new Array(&quot;يناير&quot;,&quot;فبراير&quot;,&quot;مارس&quot;,&quot;ابريل&quot;,&quot;ماي&quot;,&quot;يونيو&quot;,&quot;يوليو&quot;,&quot;غشت&quot;,&quot;سبتمبر &quot;,&quot;اكتوبر&quot;,&quot;نونبر&quot;,&quot;ديسمبر&quot;);
i.day = f - i2.toFixed() + 1;
return i;
}
var tod=new Date();
var weekday=new Array(&quot;الأحد&quot;,&quot;الإثنين&quot;,&quot;الثلاثاء&quot;,&quot;الأربعاء&quot;,&quot;الخميس&quot;,&quot;الجمعة&quot;,&quot;السبت&quot;);
var h=new Hijri(1421, 11, 28);
var y = tod.getFullYear();
var m = tod.getMonth();
var d = tod.getDate();
var dow = tod.getDay();
document.write(weekday[dow] + &quot; &quot; + d + &quot; &quot; + monthname[m] + &quot; &quot; + y);
m++;
devmon=gregToFixed(y, m, d);
&lt;script language=&quot;javascript&quot;&gt;function js_clock(){var clock_time = new Date();
h = fixedToHijri(devmon);
document.write(&quot; م - &quot; + h.toString() + &quot; ه &amp;nbsp;&quot;);
&lt;/script&gt;
&lt;!-- Start JavaScript Clock Code --&gt;
&lt;b class=&quot;time7yom&quot;&gt;
&lt;span  id=&quot;js_clock&quot;&gt;
var clock_suffix = &quot;صباحا &quot;;if (clock_hours &gt; 11){clock_suffix = &quot;مساءا&quot;;clock_hours = clock_hours - 12;}if (clock_hours == 0){clock_hours = 12;}if (clock_hours &lt; 10){clock_hours = &quot;0&quot; + clock_hours;}if (clock_minutes &lt; 10){clock_minutes = &quot;0&quot; + clock_minutes;}if (clock_seconds &lt; 10){clock_seconds = &quot;0&quot; + clock_seconds;}var clock_div = document.getElementById(&#39;js_clock&#39;);clock_div.innerHTML = clock_hours + &quot;:&quot; + clock_minutes + &quot;:&quot; + clock_seconds + &quot; &quot; + clock_suffix;setTimeout(&quot;js_clock()&quot;, 1000);}js_clock();&lt;/script&gt;&lt;/span&gt;&lt;/b&gt;
var clock_hours = clock_time.getHours();
var clock_minutes = clock_time.getMinutes();
var clock_seconds = clock_time.getSeconds();
</p>
<!-- توقيت التاريخ و الساعة -->

اللون الاحمر: لتغيير مكان الاضافة (يمين - شمال)

اللون الازرق: لتغيير لون الخط

اللون البني: لتغيير نوع خط 

اللون الاخضر: لتغيير حجم الخط

اقرء المزيد

الزيارات: إضافة 3 أعمدة في الأسفل مدونة بلوجر

بسم الله الرحمان الرحيم
أهلا و سهلا بكم من جديد، في هذا الموضوع سوف نتطرق الى معرفة كيفية اضافة 3 أعمدة أسفل المدونة والتي تحظى بها القليل من المدونات ،وتتمثل أهمية هذه الاضافة في تنظيم و تنسيق المدونة و اجتناب تراكم أدوات بلوجر مما قد تسبب ازعاج لزوار مدونتك .

1 انتقل إلى لوح تحكم
2 تحريرHTML
3 البحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

 ]]></b:skin>

4 ثم ضع الكود التالي فوقه

#footer-column-container { 
clear:both; 
} 
.footer-column { 
padding: 10px; 
}

5 تم قم بالبحت عن الكود التالي

<div id='footer-wrapper'>

إن لم تجده قم بالبحث عن كود يحتوي على كلمة footer-wrap, footer, footer-end أو ماشابهها .

6 ثم ضع الكود التالي بعده

<div id='footer-column-container'> <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'> <b:section class='footer' id='col-bottom' preferred='yes'> <b:widget id='Text2' locked='false' title='' type='Text'/> </b:section> </div> <div style='clear:both;'/> </div> #footer-column-container { clear:both; } .footer-column { padding: 10px; }

وأخيرا قم بحفظ القالب وتوجه الى صفحة تصميم و سوف تلاحظ إضافة 3 أعمدة في الأسفل.

اقرء المزيد

الزيارات: كود منع النسخ

السلام عليكم

ورحمة الله تعالى وبركاته

موضوعنا اليوم حول منع نسخ المنشورات أتمنى إن شاء الله ان ينال إعجابكم

الكل منا يعاني من نسخ المواضيع والصور الخاصة بمدونته وتجد مواقع اخرى تتصدر نتائج البحث بمواضيعك، للاسف هذا هو حال التدوين العربي قليل من يحاول ويبدع في كتابة النصوص
فائدة الكود منع نسخ النصوص وتعطيل نسخ الصور مع القدرة على عمل كليك ايمن عندما تريد فتح مواضيع الاكثر مشاهدة مثلا
ارجوا اخذ نسخة احتياطية من القالب
ندخل في الموضوع بدون
طريقة التركيب:
1 تحرير القالب
2 البحت ب Ctrl+F عن الوسم <head> 
3 ضع الكود التالي  من تحته
 كود منع النسخ

<!-- منع النسخ --> <script language=JavaScript> <!-- //Disable right click script III- By Renigade (renigade@mediaone.net) //For full source code, visit [url=http://www.dynamicdrive.com]Dynamic Drive DHTML(dynamic html) & JavaScript code library[/url] var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> </script> <!-- منع النسخ -->

كود أخر

1 البحت ب Ctrl+F عن الوسم <head> 

3 ضع الكود التالي  من تحته

<script type="text/javascript"> //Prevent Copying Content From Blogger/Blogspot //For full source code, visit http://wiki-ibda3.blogspot.com var omitformtags=["input", "textarea", "select"] omitformtags=omitformtags.join("|") function disableselect(e){ if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1) return false } function reEnable(){ return true } if (typeof document.onselectstart!="undefined") document.onselectstart=new Function ("return false") else{ document.onmousedown=disableselect document.onmouseup=reEnable } </script> <script type="text/javascript"> //<![CDATA[ /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Disable context menu on images by GreenLava (BloggerSentral.com) Version 1.0 You are free to copy and share this code but please do not remove this credit notice. ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ function nocontext(e) { var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName; if (clickedTag == "IMG") { alert(alertMsg); return false; } } var alertMsg = "ممنوع نسخ الصور"; document.oncontextmenu = nocontext; //]]> </script>

اقرء المزيد